<script setup>
import { onMounted, ref } from 'vue';
import {getCompanyById} from '../api/company.js'
import { useRoute } from 'vue-router';

// let companyId = 1
let router = useRoute()
let companyId = router.params.id
console.log("接受的id:",router.params)
console.log("接受的id:"+companyId)

let company = ref()
let tip = ref()

//生命周期的钩子函数，在页面加载时就调用getById()
    onMounted(()=>{
        getById();
    })
    async function getById(){
        // console.log("接收的数据:" , router.query)
        // console.log("接收的id:" , router.query.id)
        
        //调用API，获得服务器的响应数据
        try{
            const response  = await getCompanyById(companyId)
            console.log(response)
            if(response.data.code==200){
                console.log(response.data.data)
                company.value = response.data.data //给company赋值
                tip.value=""
            }else{
                tip.value = "该公司id不存在"
            }
        }catch(error){
            console.log(error)
        }    
    }

</script>

<template>
    <h2>公司详情信息</h2>
    <div v-if="!company">
        {{ tip }}
    </div>
    <div v-else>
        
        公司ID：{{ company.companyId }} <br>
        公司类型：{{ company.companyIndustry }}<br>
        公司名称：{{ company.companyName }}<br>
        公司电话：{{ company.companyPhone }}<br>
        公司规模：{{ company.companySize }}<br>
        公司状态：{{ company.companyStatus }}<br>
    </div>
</template>